<!DOCTYPE html>
<html class="no-js" lang="en">
 <head> 
  <meta charset="utf-8" /> 
  <meta http-equiv="x-ua-compatible" content="ie=edge" /> 
  <title>{$title}</title> 
  <meta name="keywords" content="{$keywords}" /> 
  <meta name="description" content="{$description}" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" /> 
  <link rel="shortcut icon" type="image/x-icon" href="{$public}img/favicon.ico" /> 
  {include file="common/css"/}
 </head> 
 <body> 
  <!--[if lt IE 8]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]--> 
  <!--Main Wrapper Start--> 
  <div class="as-mainwrapper"> 
   <!--Bg White Start--> 
   <div class="bg-white"> 
    <!--Header Area Start--> 
    {include file="common/header"/} 
    <!--End of Header Area--> 
	
    <!--Slider Area Start-->
    <div class="slider-area slider-two">
        <div class="preview-2">
            <div id="nivoslider" class="slides">	
            	{tp:ad name='ad' id='1'}
                <img src="{$ad.image}" alt="{$ad.name}" title="#slider-1-caption{$key+1}"/>
                {/tp:ad}
            </div> 
            
            {tp:ad name='ad' id='1'}
            <div id="slider-1-caption{$key+1}" class="nivo-html-caption nivo-caption">
                <div class="banner-content slider-{$key+1}">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="text-content-wrapper">
                                    <div class="text-content">
                                        <h1 class="title1">{$ad.name}</h1>
                                        <p class="sub-title hidden-sm hidden-xs">{$ad.description|raw|textareaBr}</p>
                                        <div class="banner-readmore">
                                            <a class="button-default bg-blue" href="{$ad.url}">了解详情</a>	                
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {/tp:ad}
            	 
        </div>
    </div>
    <!--End of Slider Area-->
	
    <!--About Area Start-->
    <div class="about-area">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="about-container">
                        <h3>WHY US ?</h3>
                        <p>{tp:debris name="AboutUs" type='content' /}</p>
                        <a class="button-default" href="{tp:cate id='6' type='url'/}">查看更多</a>	      
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--End of About Area-->
    <!--Online Product Area Start-->
    <div class="product-area section-bottom-padding bg-white">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title-wrapper">
                        <div class="section-title">
                            <h3>{tp:cate id='14' type='catname'/}</h3>
                            <p>{tp:cate id='14' type='enname'/}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                {tp:list id="14" name="list" limit="4"}
                <div class="col-md-3 col-sm-4 col-xs-6">
                    <div class="single-product-item">
                        {if $list.image}
                        <div class="single-product-image">
                            <a href="{$list.url}"><img src="{$list.image}" alt="{$list.title}"></a>
                        </div>
                        {/if}
                        <div class="single-product-text">
                            <h4><a href="{$list.url}">{$list.title}</a></h4>
                            <div class="product-buttons">
                                <a class="button-default cart-btn floatright" href="{$list.url}">查看详细</a>
                            </div>
                        </div>
                    </div>
                </div>
                {/tp:list}
            </div>
        </div>
    </div>
    <!--End of Online Product Area-->
    <!--Fun Factor Area Start-->
    <div class="fun-factor-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title-wrapper white">
                        <div class="section-title">
                            <h3>IMPORTANT FACTS</h3>
                            <p>There are many variations of passages of Lorem Ipsum</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-3">
                    <div class="single-fun-factor">
                        <h4>Teachers</h4>
                        <h2><span class="counter">79</span>+</h2>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="single-fun-factor">
                        <h4>Members</h4>
                        <h2><span class="counter">120</span>+</h2>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="single-fun-factor">
                        <h4>Courses</h4>
                        <h2><span class="counter">36</span>+</h2>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3">
                    <div class="single-fun-factor">
                        <h4>Countries</h4>
                        <h2><span class="counter">20</span>+</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--End of Fun Factor Area-->
    <!--Latest News Area Start--> 
    <div class="latest-area section-padding bg-white">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title-wrapper">
                        <div class="section-title">
                            <h3>{tp:cate id='8' type='catname'/}</h3>
                            <p>{tp:cate id='8' type='enname'/}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                {tp:list id="8" name="list" limit="4" where="image <>''"}
                <div class="single-latest-item col-md-6">
                    {if $list.image}
                    <div class="single-latest-image">
                        <a href="{$list.url}"><img src="{$list.image}" ></a>
                    </div>
                    {/if}
                    <div class="single-latest-text">
                        <h3><a href="{$list.url}">{$list.title}</a></h3>
                        <div class="single-item-comment-view">
                           <span><i class="zmdi zmdi-calendar-check"></i>{$list.create_time|date="Y-m-d H:i:s"}</span>
                           <span><i class="zmdi zmdi-eye"></i>{$list.hits}</span>
                           <span><i class="zmdi zmdi-pin-account"></i>{$list.author}</span>
                           <!--<span><i class="zmdi zmdi-label"></i>{$list.source}</span>-->
                       </div>
                       <p class="line_three">{$list.summary}</p>
                       <a href="{$list.url}" class="button-default">查看详细</a>
                    </div>
                </div>
                {/tp:list}
            </div>
        </div>
    </div>
    <!--End of Latest News Area--> 
    <!--Event Area Start-->
    <div class="event-area section-padding bg-white">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title-wrapper">
                        <div class="section-title">
                            <h3>{tp:cate id='11' type='catname'/}</h3>
                            <p>{tp:cate id='11' type='enname'/}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                {tp:list id="11" name="list" limit="3"}
                <div class="col-md-4 col-sm-6">
                    <div class="single-event-item">
                        {if $list.image}
                        <div class="single-event-image">
                            <a href="{$list.url}">
                                <img src="{$list.image}" alt="{$list.title}">
                                <span><span>{$list.create_time|date="d"}</span>{$list.create_time|date="M"}</span>
                            </a>
                        </div>
                        {/if}
                        <div class="single-event-text">
                            <h3><a href="{$list.url}">{$list.title}</a></h3>
                            <div class="single-item-comment-view">
                               <span><i class="zmdi zmdi-time"></i>{$list.create_time|date="Y-m-d H:i:s"}</span>
                               <span><i class="zmdi zmdi-pin-account"></i>{$list.author}</span>
                           </div>
                           <p class="line_three">{$list.summary}</p>
                           <a class="button-default" href="{$list.url}">查看详细</a>
                        </div>
                    </div>
                </div>
                {/tp:list}
                
            </div>
        </div>
    </div>
    <!--End of Event Area-->
    <!--Testimonial Area Start-->
    <div class="testimonial-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-lg-offset-0 col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1">
                    <div class="row">
                        <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
                            <div class="testimonial-image-slider text-center">
                            	{tp:list id="18" name="list" limit="6"}
                                <div class="sin-testiImage">
                                    <img src="{$list.image}" alt="{$list.title}" />
                                </div>
                                {/tp:list}
                            </div>
                        </div>
                    </div> 
                    <div class="testimonial-text-slider text-center">
                    	{tp:list id="18" name="list" limit="6"}
                        <div class="sin-testiText">
                            <h2><a href="{$list.url}">{$list.title}</a></h2>
                            <p>{$list.summary}</p>
                        </div>
                        {/tp:list}
                    </div>   
                </div>
            </div>
        </div>
    </div>
    <!--End of Testimonial Area-->
    <!--Course Area Start-->
    <div class="course-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title-wrapper">
                        <div class="section-title">
                            <h3>{tp:cate id='17' type='catname'/}</h3>
                            <p>{tp:cate id='17' type='enname'/}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                {tp:list id="17" name="list" limit="3"}
                <div class="col-md-4 col-sm-6">
                    <div class="single-item">
                        {if $list.image}
                        <div class="single-item-image overlay-effect">
                            <a href="{$list.download}" target="_blank"><img src="{$list.image}" alt="{$list.title}"></a>
                        </div>
                        {/if}
                        <div class="single-item-text">
                            <h4><a href="{$list.download}">{$list.title}</a></h4>
                            <div class="single-item-text-info">
                                <span>作者： <span>{$list.author}</span></span>
                                <span>时间：<span>{$list.create_time|date="Y-m-d"}</span></span>
                            </div>  
                        </div>
                        <div class="button-bottom">
                            <a href="{$list.download}" class="button-default" target="_blank">立即下载</a>
                        </div>
                    </div>
                </div> 
                {/tp:list}
                <div class="col-md-12 col-sm-12 text-center">
                    <a href="{tp:cate id='17' type='url'/}" class="button-default button-large">查看更多<i class="zmdi zmdi-chevron-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <!--End of Course Area-->
    {include file="common/footer"/}
   </div> 
   <!--End of Bg White--> 
  </div> 
  <!--End of Main Wrapper Area--> 
  {include file="common/js"/}
 </body>
</html>